<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 240px;
				height: 240px;
				border: #000000 1px solid;
				background-size: cover;
			}
			div:nth-child(1){
				background-image: url(img/icon.png);
				
			}
			div:nth-child(2){
				background-image: url(img/icon.png);
				background-position: 0px -480px;
			}
			
			div:nth-child(1):hover{
				background-position: 0px -240px;
			}
			div:nth-child(2):hover{
				background-position: 0px -720px;
			}
		</style>
	</head>
	<body>
		<div></div>
		<div></div>
	</body>
</html>
